<!doctype html>
<html>
<head>
<script src="../../resources/js-test.js"></script>
<style>
span:not(.whatever) {
    background-color: red;
}
@supports (color: red) {
    span {
        color: red;
    }
}
span:not(.whatever) {
    background-color: green;
}
</style>
</head>
<body>
<span id='target'></span>
<pre id='console'></pre>
<script>
description('Test for issue 257695: CSS @supports bug: breaks following :not()');
var target = document.getElementById('target');
shouldBe('getComputedStyle(target).backgroundColor', '"rgb(0, 128, 0)"');
</script>
</body>
</html>

